<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>排班管理</title>

<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/icon.css"/>">
<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>




<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/hwc_icons.css"/>">
</head>
<body>
<style>
	body{
		padding:0px;
		margin:0px;
	}
	/*头部*/
	#hwc_schedulinghead{
		padding:5px;
		height:210px;
	}
	/*身体*/
	#hwc_schedulingcontext{
		
		height:475px;
		margin-top:10px;
		background-color:#E0ECFF;
	}
	/*编辑按钮盒子*/
	#hwc-editScheduling{
		float:right;
		position:relative;
		right:20px;
		top:10px;
	}
	/*颈部*/
	
	#hwc_scheduling-neck{

		height:40px;
		padding:5px;
		
		background-color:#E0ECFF;
		margin-top:5px;
	}
	/*打开班次按钮*/
	#hwc-openShift-btn{
		color:white;
		background-color:#1394F0;
	}
	/*提交排班按钮*/
	#hwc-submitScheduling-btn{
		background-color:#1394F0;
		color:white;
	}
	/*修改排班按钮*/
	#hwc-editScheduling-btn{
		background-color:#1394F0;
		color:white;
	}
	/*结束时间box*/
	.hwc-endtimebox{
		position:relative;
		right:105px;
		top:-25px;
		float:right;
		
	}
	/*启动时间BOX*/
	.hwc-starttimebox{
		
		
		
	}
	.hwc-timebox{
		margin-top:20px;
		margin-left:-15px;
	}
	/*班次名*/
	
	.hwc-shiftname{
		margin-top:25px;
		margin-left:-30px;
	}
	.hwc-shiftbtnBox{
		
		float:right;
		position:relative;
		left:145px;
		top:85px;
	}
	/*表格*/
	#hwc_schedulingTableData{
		background-color:white;
		border-collapse:collapse;
		text-align:center;
		color:gray;
	
		position:relative;
		top:20px;
		left:20px;
		
	}
	#hwc_schedulingTableData th td{
		width:13%;
	}
	/*星期表头*/
	#hwc_schedulingTableDataWeek th{
		border-bottom:5px solid  #D5E8EE; 
		
	}
	/*日期TH			#B9CFF1*/
	#hwc_schedulingTableDataDay th{

		border:1px solid  #D5E8EE; 
		
	
	}
	/*名称Th的样式*/
	.tdname{
	
		border:solid 1px #D5E8EE;
		border-right:solid 5px #D5E8EE;
	}
	/*tbody里面的TD*/
	#hwc_tableBody td{
		border:dashed 1px #E0ECFF;
	}
	/*生成班次导航栏按钮样式*/
	.shiftheadButton{
		background-color:#1394F0;
		color:white;
		width:75px;
		height:30PX;
		border:none;
		font-size:1px;
		margin-right:10px;
		border-radius:5px;
		text-align:center;
		
	}
	/*tabel表格里的按钮的样式*/
	
	.tdShiftheadButton{
	
		background-color:#1394F0;
		color:red;
		width:75px;
		height:30PX;
		border:none;
		font-size:1px;
		margin-right:10px;
		border-radius:5px;
		text-align:center;
	}
	
	/*班次导航栏内容盒子*/
	#hwc-shiftContentBox{
		padding:5px;
		margin:20px;
		
	}
	/*班次导航栏盒子*/
	#hwc-shiftheadBox{
		position:relative;
		top:45px;
	}
</style>
<script>
	$(function(){
	
		//显示全部
		$("#hwc-shcedulingreloadDept").linkbutton({
			onClick : function() {
				$("#hwc_shcedulingdepartment").datagrid({
					url : 'queryByDepartmentPage',
					method : 'get'
				});
			}
		});
		
		//打开班次窗口
		$("#hwc-openShift-btn").linkbutton({
			//hwc-shiftwin
			onClick : function(){
				$("#hwc-shiftwin").window("open");
			}	
		});
		
		//添加班次
		$("#hwc-shiftbtn-submitbtn").linkbutton({
			onClick :function(){
				$("#hwc-addshiftform").form('submit',{
					onSubmit:function(){
						//验证
						return $(this).form("validate");
					},
					success:function(data){
						var json = eval("("+data+")");
						$.messager.alert("提示",json.reason);
						$(this).form("clear");
						
						$("#hwc-shiftstarttime").combobox('select','00:00');
						$("#hwc-shiftendtime").combobox('select','00:00');
						$("#hwc_shift").datagrid("reload");
						
						//跳转到已定义班次
						$("#hwc-shifttabs").tabs('select',0);
						
						//删除再重新加载
						$("#hwc-shiftContentBox").children("input").remove();
						$.getJSON("hwc_queryAllShift",function(data){
							var shiftArr = data;
							var shiftArrLength = shiftArr.length;
							//获取长度来限制显示的数量
							if(shiftArrLength>4){
								shiftArrLength = 4;
							}
							//循环显示4个
						 	for(var i=0;i<shiftArrLength;i++){
						 																			
								$("#hwc-shiftContentBox").append("<input class='shiftheadButton' myArrIndex="+i+" type='button' myshiftNo="+shiftArr[i].shiftNo+" mystartDate="+shiftArr[i].startDate+" myendDate="+shiftArr[i].endDate+" value="+shiftArr[i].shiftName+">")
							
						 	}
								
						});
					}
				});
			}
		});
		
		//删除班次
		$("#hwc-delShiftbtn").linkbutton({
			onClick:function(){
				
				//获取选中的所有行
				var rows = $("#hwc_shift").datagrid("getSelections");
				if(rows.length == 0){
					$.messager.confirm("提示","您还未选择班次！");
				
				}else{
					var arr=[];
					for(var i=0;i<rows.length;i++){
						arr.push(rows[i].shiftNo);
					}
					
					//用form提交
					$("<form>").form('submit',{
						url:'delShift',
						onSubmit:function(param){
							param.list = arr;
						},
						success:function(data){
							var json = eval("("+data+")");
							$.messager.alert("提示","班次已删除！");
							$("#hwc_shift").datagrid("reload");
							
							$("#hwc-shiftContentBox").children("input").remove();
							
							$.getJSON("hwc_queryAllShift",function(data){
								var shiftArr = data;
								var shiftArrLength = shiftArr.length;
								//获取长度来限制显示的数量
								if(shiftArrLength>4){
									shiftArrLength = 4;
								}
								//循环显示4个
							 	for(var i=0;i<shiftArrLength;i++){
							 																			
									$("#hwc-shiftContentBox").append("<input class='shiftheadButton' myArrIndex="+i+" type='button' myshiftNo="+shiftArr[i].shiftNo+" mystartDate="+shiftArr[i].startDate+" myendDate="+shiftArr[i].endDate+" value="+shiftArr[i].shiftName+">");
								
							 	}
								
					
								
							});
							
						}
						
					}); 
				
				}
				
			}
		});
		
	//编辑排班按钮开关
		$("#hwc-editScheduling-btn").linkbutton({
			onClick:function(){
				
				//获取选中行
				var deptrow = $("#hwc_shcedulingdepartment").datagrid("getSelections");
				//判断是否选择了科室
				if(deptrow.length != 0){
					//获取按钮的text
					var text = $("#hwc-editScheduling-btn").linkbutton("options").text;
					//判断开关
					
					if(text == "结束编辑"){
						$("#hwc-editScheduling-btn").css({backgroundColor:"#1394F0"});
						$("#hwc-editScheduling-btn").linkbutton({text:"编辑排班"});
						
						//$("#hwc-shiftheadBox").hide();
						$(".shiftheadButton").unbind("click");
						$(".tdClick").unbind( "click" );
						
					
					}else{
						
						//修改背景颜色和text
						$("#hwc-editScheduling-btn").css({backgroundColor:"red"});
						$("#hwc-editScheduling-btn").linkbutton({text:"结束编辑"});
						$('#hwc-cleartdbtn').linkbutton('enable');
						//$("#hwc-shiftheadBox").show();
					}
					
					//所有班次导航栏按钮给予点击事件
					$("#hwc-shiftContentBox").children("input").click(function(){
						//获得自定义属性
						var shiftVal=$(this).attr("value");
						var shiftNo=$(this).attr("myshiftNo");
						//获取按钮文本
						var btnText = $("#hwc-editScheduling-btn").linkbutton("options").text;
						if(btnText == '结束编辑'){	
							$(".tdClick").click(function(){
								//删除td里之前的按钮
								$(this).children("input").remove();
								$(this).append("<input class='tdShiftheadButton' myshiftNo="+shiftNo+" value="+shiftVal+">");
							}); 
						}else{
							$.messager.alert("提示","请开启“编辑排班”");
						}
	
					});
					
					
				}else{
					$.messager.alert("提示","您还未选择科室！");
				}
			}	
			
		});
		
		
		//当用户选中一行时加载Table
		$("#hwc_shcedulingdepartment").datagrid({
			onClickRow:function(){
				
				//获取选中行
				var deptrow = $("#hwc_shcedulingdepartment").datagrid("getSelections");
				var departmentNo = deptrow[0].departmentNo;
					$("#hwc_tableBody").remove();
					$.getJSON("findDeptNoByStaffs",{"departmentNo":departmentNo},function(data){
						var staffArr = data;
						for(var i =0;i<staffArr.length;i++){
							var staffNo = staffArr[i].staffNo;
							var staffName = staffArr[i].staffName;
							$("#hwc_schedulingTableData").append("<tbody id='hwc_tableBody'></tbody>")
							$("#hwc_tableBody").append("<tr><th class='tdname' value="+staffNo+">"+staffName+"</th><td class='tdClick'><td class='tdClick'><td class='tdClick'><td class='tdClick'><td class='tdClick'><td class='tdClick'><td class='tdClick'></tr>");
							}
					});	
			}
		});
		//页面加载事件
		//创建页面排班表格
		//$("#hwc-box").append("<a class='hwc-shiftA' name="+arr[i].shiftNo+">"+arr[i].shiftName+"</a>").css("backgroud-color","red");
		//页面加载事件
		$(document).ready(function(){
			//获得hwc_getDayWeekVO传来的JSON数据
			//生成排班表格
			$.getJSON("hwc_getDayWeekVO",function(data){
					
					var arr = data;
					
					for(var i=0;i<arr.length;i++){
						
						//arr[i].voWeek;
						$("#hwc_schedulingTableDataDay").append("<th myVoDay="+arr[i].voDay+">"+arr[i].voDay+"</th>");
						$("#hwc_schedulingTableDataWeek").append("<th myVoWeek="+arr[i].voWeek+">"+arr[i].voWeek+"</th>");
					}

				
			});
			//生成班次导航栏
			$.getJSON("hwc_queryAllShift",function(data){
				var shiftArr = data;
				var shiftArrLength = shiftArr.length;
				//获取长度来限制显示的数量
				if(shiftArrLength>4){
					shiftArrLength = 4;
				}				
				//循环添加4个
			 	for(var i=0;i<shiftArrLength;i++){
			 																			
					$("#hwc-shiftContentBox").append("<input class='shiftheadButton' myArrIndex="+i+" type='button' myshiftNo="+shiftArr[i].shiftNo+" mystartDate="+shiftArr[i].startDate+" myendDate="+shiftArr[i].endDate+" value="+shiftArr[i].shiftName+">")
					
			 	}
			});
			//清空td中的班次
			$("#hwc-cleartdbtn").linkbutton({
				onClick:function(){
					var mySelect = $("#hwc-cleartdbtn").attr("mySelect");
					if(mySelect == "true"){
						
						$(".tdShiftheadButton").unbind("dblclick");
						$("#hwc-cleartdbtn").attr("mySelect","false");
					}else{
						$(".tdShiftheadButton").dblclick(function(){
							(this).remove();	
						});
						$("#hwc-cleartdbtn").attr("mySelect","true");
					}
					
				} 
			});
			
		});
		
	//搜索部门
		$('#hwc-schedulingsearchbox').searchbox({
			searcher : function(value, name) {
			$("#hwc_shcedulingdepartment").datagrid({
						 url : name == 'deptName' ? 'queryDnameByPage': 'findByDepartmentAddressPage', 
					
						method : 'post',
						queryParams : {
							
							department : value
						
						},
						onLoadSuccess:function(){
							
							var t = $("#hwc_shcedulingdepartment").datagrid("getRows");
							var d=t[0];
							if(d == null){
								$.messager.alert("提示","不存在该关键字的记录！");

							}
						
						}});
					$(this).searchbox('setValue','');
				
				} 
				
		});
		//班次导航栏右击按钮事件
		$("#shiftRightBtn").linkbutton({
			onClick:function(){
				//找到导航栏中最后一个input的属性
				var myArrIndex=$("#hwc-shiftContentBox input:last-child").attr("myArrIndex");
				
				
			 	$.getJSON("hwc_queryAllShift",function(data){
					var shiftArr = data;
					//var lengthNum=
					//如果到最后了
					
					if(myArrIndex == Number(shiftArr.length)-1){
						$.messager.alert("提示","已经是最后一页了");
						$('#shiftRightBtn').linkbutton('disable');
						$('#shiftLeftBtn').linkbutton('enable');
					}else{
						//启用按钮
						$('#shiftLeftBtn').linkbutton('enable');
						$('#shiftRightBtn').linkbutton('enable');
						//删除再重新加载
						$("#hwc-shiftContentBox").children("input").remove();
						var j =Number(myArrIndex)+1;
						var	k =Number(myArrIndex)+4;
						
						//循环显示4个
					 	for(var i=j;i<=k;i++){																			
							$("#hwc-shiftContentBox").append("<input class='shiftheadButton' myArrIndex="+i+" type='button' myshiftNo="+shiftArr[i].shiftNo+" mystartDate="+shiftArr[i].startDate+" myendDate="+shiftArr[i].endDate+" value="+shiftArr[i].shiftName+">");
					 	}
					}
					
				}); 
				

			}
		});
		
		//班次导航栏左击按钮事件
		$("#shiftLeftBtn").linkbutton({
			onClick:function(){
				//找到导航栏中最前面的一个input的属性
				var myArrIndex=$("#hwc-shiftContentBox input:first-child").attr("myArrIndex");
				
				
			  	$.getJSON("hwc_queryAllShift",function(data){
					var shiftArr = data;
					//var lengthNum=Number(shiftArr.length)-1;
					
					//如果到最前就禁用按钮
					if(myArrIndex==0){
						
						$('#shiftLeftBtn').linkbutton('disable');
						$.messager.alert("提示","已经是最前一页了！");
						$('#shiftRightBtn').linkbutton('enable');
					}else{
						$('#shiftRightBtn').linkbutton('enable');
						$('#shiftLeftBtn').linkbutton('enable');
						//删除再重新加载
						$("#hwc-shiftContentBox").children("input").remove();
						var j =Number(myArrIndex);
						var	k =Number(myArrIndex)-4;
						
						//循环显示4个
					 	for(var i=k;i<j;i++){																			
							$("#hwc-shiftContentBox").append("<input class='shiftheadButton' myArrIndex="+i+" type='button' myshiftNo="+shiftArr[i].shiftNo+" mystartDate="+shiftArr[i].startDate+" myendDate="+shiftArr[i].endDate+" value="+shiftArr[i].shiftName+">");
					 	
					 	} 
					} 	
				}); 
				

			}
		});
		
		//提交table数据
		$("#hwc-submitScheduling-btn").linkbutton({
			onClick:function(){
				//找到员工循环
				//获取第二行tr中第一个th 从0开始
				var tdVal = $("#hwc_schedulingTableData tr:eq(2) th:eq(0)").attr("value");
				//获得行数
				var rowLength=$("#hwc_schedulingTableData").find("tr").length;
				
				//判断是否为未定义
			/* 	if(typeof(tdVal) == "undefined"){
					alert("无");
				}else{
					
				} */
				//如果用户为编辑排班无法提交
				if(rowLength==2){
					$.messager.alert("提示","排班表中无数据！");
				}else{
				
					for(var i = 2;i<=rowLength-1;i++){
						//得到员工的编号
						var staffNo = $("#hwc_schedulingTableData tr:eq("+i+") th:eq(0)").attr("value");
						for(var j=1;j<=7;j++){
							//获得今天的日子
							var getDay = $("#hwc_schedulingTableData tr:eq(0) th:eq("+j+")").attr("myVoDay");
							//获得星期数
							var getWeek =$("#hwc_schedulingTableData tr:eq(1) th:eq("+(j-1)+")").attr("myVoWeek");
							//获得行中td的班次编号
							var getShift=$("#hwc_schedulingTableData tr:eq("+i+") td:eq("+(j-1)+") input").attr("myshiftNo");
							//如果用户未定义刚刚的其中一个td中的班次就设为m默认的
							if(typeof(getShift)=="undefined"){
								getShift = 0; 
							}
							//获取datagrid中被选中的科室
							var deptrow = $("#hwc_shcedulingdepartment").datagrid("getSelections");
							var departmentNo = deptrow[0].departmentNo;
							//完整的星期字符串
							var schedulingDate = getDay+" "+getWeek;
							//提交数据
							 $("<form>").form('submit',{
								url:'hwc_addScheduling',
								queryParams:{	
									staffNo:staffNo,	//传递员工编号
									shiftNo:getShift,	//班次编号
									departmentNo:departmentNo,//科室编号
									schedulingDate:schedulingDate//完整的星期字符串
								},
								success:function(data){
									
									var json = eval("("+data+")");
									//$.messager.alert("提示","排班添加成功");
									
								} 
								
							}); 
							
						}
					}
				}
				$.messager.alert("提示","提交成功！");
			}
		});
		
		
	});
</script>
	
	<!-- 头部 -->
	<!-- 查询科室 -->
	
	<div id="hwc_schedulinghead">
		<table id="hwc_shcedulingdepartment" class="easyui-datagrid"
		data-options="url:'queryByDepartmentPage',
			fitColumns:true,
			fit:true,
			pagination: true,
			pageSize: 5,
			pageList: [5, 10, 15, 20],
			rownumbers: true,
			toolbar: '#hwc-schedulingtb',
			singleSelect:true,
			border:false
	">
		<thead>
			<tr>
			
				<th data-options="field:'departmentNo',width:'20%',checkbox:true">科室编号</th>
				<th data-options="field:'departmentName',width:'39%'">科室名称</th>
				<th data-options="field:'address',width:'59%'">科室地址</th>
				
			</tr>
		</thead>
	</table>
	</div>
	
	<!-- 科室选择头部按钮 -->
	
	<div id="hwc-schedulingtb">
		 <a	id="hwc-shcedulingreloadDept" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true">全部科室</a>
		 
			<input	id="hwc-schedulingsearchbox" class="easyui-searchbox" data-options="prompt:'搜索科室',menu:'#hwc-schedulingmm'" style="width:175px"></input>
		
		  <div id="hwc-schedulingmm" style="width: 120px">
			<div data-options="name:'deptName'">部门名称</div>
			<div data-options="name:'deptaddress'">部门地址</div>
		 </div>  
		
	</div>
	
	<!-- 班次导航 -->
	<div id="hwc-shiftheadBox" style="width:100px; height:32px;display:inline;position:relative;top:50px;">
		<div id="hwc-shiftLeftRightDIV" style="display:inline;"> <input id="shiftLeftBtn" class="easyui-linkbutton" data-options="width:50" value="<" style="width:30px;height:30px;"></div>
		
			<div id="hwc-shiftContentBox" style="height:100px;width:45%;display:inline;" >
				
			</div>
		
		<div id="hwc-shiftRightDIV"	style="display:inline;"> <input id="shiftRightBtn" class="easyui-linkbutton" value=">" style="width:30px;height:30px;" data-options="width:50"></div>
		<!-- 删除td内容按钮 -->
		<div style="display:inline; margin-left:25px;">	
			<a id="hwc-cleartdbtn" mySelect="false" class="easyui-linkbutton" data-options="iconCls:'icon-hwc_lajitong',width:40,height:40,toggle:true"></a>
		</div>
		
	</div>
	<div id="hwc_scheduling-neck">
		<div id="hwc-editScheduling">
			<a id="hwc-openShift-btn"		 	class="easyui-linkbutton" data-options="plain:true">打开班次</a>
			<a id="hwc-editScheduling-btn"		class="easyui-linkbutton" data-options="plain:true,toggle:true">编辑排班</a>
			<a id="hwc-submitScheduling-btn"	class="easyui-linkbutton" data-options="plain:true">提交排班</a>
			
		</div>
	</div>
	<!-- 身体 -->
	<div id="hwc_schedulingcontext">
		<div id="hwc_schedulingTableDIV" style="width:750px;">
			<table id="hwc_schedulingTableData">
				<thead>
					<tr id="hwc_schedulingTableDataDay">	<th id="nameth" rowspan="2" style="border-right:5px solid #E0ECFF; border-bottom:5px solid #E0ECFF;">姓名</th></tr>
				
					<tr id="hwc_schedulingTableDataWeek">	</tr>
				</thead>
				<tbody id="hwc_tableBody">
				
				</tbody>
			</table>
		</div>
	
		
	</div>
	
	<!-- 班次窗口 -->
	<div id="hwc-shiftwin" class="easyui-window" title="班次编辑" data-options="
		collapsible:false,
		minimizable:false,
		maximizable:false,
		modal:true,
		closed:true"
		style="width:450px;height:340px;padding:5px;"
		>
		<!-- 选项卡 -->
		<div id="hwc-shifttabs" class="easyui-tabs" data-options="fit:true,plain:true">
			<div title="已定义班次" style="padding:10px">
			<div style="width:405px;height:185px;">
					<table id="hwc_shift" class="easyui-datagrid"
						data-options="url:'hwc_queryShift',
						fitColumns:true,
						fit:true,
						pagination: true,
						pageSize: 5,
						pageList: [5,10, 15, 20],
						rownumbers: true,
						toolbar:'#hwc-diplayhand',
						border:false
						">
					<thead>
						<tr>
							<th data-options="field:'shiftNo',width:'1%',checkbox:true">班次编号</th>
							<th data-options="field:'shiftName',width:'40%',align:'center'">班次名称</th>
							<th data-options="field:'startDate',width:'28%',align:'center'">起始时间</th>
							<th data-options="field:'endDate',width:'28%',align:'center'">结束时间</th>
						</tr>
					</thead>
				</table>
			</div>
			
			<div style="position:relative;top:10px;float:right;">
				
				<a id="hwc-delShiftbtn" class="easyui-linkbutton" data-options="iconCls:'icon-hwc_lajitong',width:50,height:50"></a>
			</div>
		</div>
		
		
		<div title="添加班次" style="padding:10px">
			<form	id="hwc-addshiftform" action="hwc_addNewShift"	method="post">
				<div class="hwc-shiftname">
					<input name="shiftName" class="easyui-textbox" data-options="width:'250',label:'班次名称:',labelWidth:'100',labelAlign:'right',required:true" >
				</div>
				<!-- 时间BOX -->
				<div class="hwc-timebox">
					<div class="hwc-starttimebox">
						 <select name="startDate" id="hwc-shiftstarttime" class="easyui-combobox" data-options="label:'起始时间:',labelAlign:'right'"name="shift-starttime" style="width:150px;">
						 	<option value="00:00">00:00</option>
						 	<option value="00:30">00:30</option>
						 	<option value="01:00">01:00</option>
						 	<option value="01:30">01:30</option>
						 	<option value="02:00">02:00</option>
						 	<option value="02:30">02:30</option>
						 	<option value="03:00">03:00</option>
						 	<option value="03:30">03:30</option>
						 	<option value="04:00">04:00</option>
						 	<option value="04:30">04:30</option>
						 	<option value="05:00">05:00</option>
						 	<option value="05:30">05:30</option>
						 	<option value="06:00">06:00</option>
						 	<option value="06:30">06:30</option>
						 	<option value="07:00">07:00</option>
						 	<option value="07:30">07:30</option>
						 	<option value="08:00">08:00</option>
						 	<option value="08:30">08:30</option>
						 	<option value="09:00">09:00</option>
						 	<option value="09:30">09:30</option>
						 	<option value="10:00">10:00</option>
						 	<option value="10:30">10:30</option>
						 	<option value="11:00">11:00</option>
						 	<option value="11:30">11:30</option>
						 	<option value="12:00">12:00</option>
						 	<option value="12:30">12:30</option>
						 	<option value="13:00">13:00</option>
						 	<option value="13:30">13:30</option>
						 	<option value="14:00">14:00</option>
						 	<option value="14:30">14:30</option>
						 	<option value="15:00">15:00</option>
						 	<option value="15:30">15:30</option>
						 	<option value="16:00">16:00</option>
						 	<option value="16:30">16:30</option>
						 	<option value="17:00">17:00</option>
						 	<option value="17:30">17:30</option>
						 	<option value="18:00">18:00</option>
						 	<option value="18:30">18:30</option>
						 	<option value="19:00">19:00</option>
						 	<option value="19:30">19:30</option>
						 	<option value="20:00">20:00</option>
						 	<option value="20:30">20:30</option>
						 	<option value="21:00">21:00</option>
						 	<option value="21:30">21:30</option>
						 	<option value="22:00">22:00</option>
						 	<option value="22:30">22:30</option>
						 	<option value="23:00">23:00</option>
						 	<option value="23:30">23:30</option>
						 	<option value="24:00">24:00</option>
						 </select>
					</div>
					<div class="hwc-endtimebox">
						 <select name="endDate" id="hwc-shiftendtime" class="easyui-combobox" data-options="label:'结束时间:',labelAlign:'right'"name="shift-starttime" style="width:150px;">
						 	<option value="00:00">00:00</option>
						 	<option value="00:30">00:30</option>
						 	<option value="01:00">01:00</option>
						 	<option value="01:30">01:30</option>
						 	<option value="02:00">02:00</option>
						 	<option value="02:30">02:30</option>
						 	<option value="03:00">03:00</option>
						 	<option value="03:30">03:30</option>
						 	<option value="04:00">04:00</option>
						 	<option value="04:30">04:30</option>
						 	<option value="05:00">05:00</option>
						 	<option value="05:30">05:30</option>
						 	<option value="06:00">06:00</option>
						 	<option value="06:30">06:30</option>
						 	<option value="07:00">07:00</option>
						 	<option value="07:30">07:30</option>
						 	<option value="08:00">08:00</option>
						 	<option value="08:30">08:30</option>
						 	<option value="09:00">09:00</option>
						 	<option value="09:30">09:30</option>
						 	<option value="10:00">10:00</option>
						 	<option value="10:30">10:30</option>
						 	<option value="11:00">11:00</option>
						 	<option value="11:30">11:30</option>
						 	<option value="12:00">12:00</option>
						 	<option value="12:30">12:30</option>
						 	<option value="13:00">13:00</option>
						 	<option value="13:30">13:30</option>
						 	<option value="14:00">14:00</option>
						 	<option value="14:30">14:30</option>
						 	<option value="15:00">15:00</option>
						 	<option value="15:30">15:30</option>
						 	<option value="16:00">16:00</option>
						 	<option value="16:30">16:30</option>
						 	<option value="17:00">17:00</option>
						 	<option value="17:30">17:30</option>
						 	<option value="18:00">18:00</option>
						 	<option value="18:30">18:30</option>
						 	<option value="19:00">19:00</option>
						 	<option value="19:30">19:30</option>
						 	<option value="20:00">20:00</option>
						 	<option value="20:30">20:30</option>
						 	<option value="21:00">21:00</option>
						 	<option value="21:30">21:30</option>
						 	<option value="22:00">22:00</option>
						 	<option value="22:30">22:30</option>
						 	<option value="23:00">23:00</option>
						 	<option value="23:30">23:30</option>
						 	<option value="24:00">24:00</option>
						 </select>
					 </div>
				</div>
					
				<div class="hwc-shiftbtnBox">
					<a id="hwc-shiftbtn-submitbtn" class="easyui-linkbutton" data-options="iconCls:'icon-hwc_add',width:'50',height:'50'" ></a>
					<a class="easyui-linkbutton" data-options="iconCls:'icon-hwc_close',width:'50',height:'50'" href="javascript:$('#hwc-shiftwin').window('close');" onclick=""></a>
				</div>
			</form>	
		</div>
		
	</div>
		
	</div>
	
</body>
</html>